画像(貼り付け)いろいろ |
画像の貼付 |
画像を<img src="画像URL">貼付ます。 |
|
画像を中央揃え |
<div align="center"><img src="画像URL"></div> |
|
画像を右寄せ |
<div align= right >
<img src= 画像URL >
</div> |
|
左画像
+右文字廻込み |
<img src="画像URLf" align="left">
画像は左寄せです。<br>
文字は画像の右側に配置されます。<br>
<br clear="left"> |
画像は左寄せです。
文字は画像の右側に配置されます。
|
右画像
+左文字廻込み |
<img src="画像URL" align="right">
画像は右寄せです。<br>
文字は画像の左側に配置されます。<br>
<br clear="right"> |
画像は左寄せです。
文字は画像の左側に配置されます。
|
文字廻込み
解除 |
<img src="画像URL" align="left">
← 画像左、文章右廻込み<br><br>
<img src="画像URL" align="right">
画像右、文章左廻込み →
<br clear="all">
文字廻込みを解除。 |
← 画像左、文章右廻込み
画像右、文章左廻込み →
文字廻込みを解除。 |
左画像
+文字右上 |
<img src="画像URL" align="top">
文字が右上に。<br> |
文字が画像の右上 |
左画像
+文字中央 |
<img src="画像URL"
align="middle">
文字が中央に。<br> |
文字が画像の中央 |
左画像
+文字右下 |
<img src="画像URL"
align="bottom">
文字が画像の右下に。<br> |
文字が画像の右下 |
マウスカーソルを乗せると、
説明文を表示 |
<img src="画像URL" alt=" " title="ninja"> |
|
画像を
縮小表示 |
<img src = "画像URL" width=150 height=100></a>
※ 縮小表示させても、元の画像を読み込み
ますので、元画像の容量に関係します。 |
|
|
(一つの同じ画像を縮小表示)
<a href="画像URL"><img src = "画像URL" width=150
height=100></a>
※ 縮小表示させても、元の画像を読み込み
ますので、元画像の容量に関係します。 |
|
|
(貼付ける画像は画像ソフトで縮小させて、
掲示板に表示)
<a href="画像URL"><img src = "縮小画像URL" ></a> |
|
|
(貼付ける画像は画像ソフトで縮小させて、
掲示板に表示、画像廻りの枠を付けない)
<a href="画像URL"><img src = "縮小画像URL" border="0"></a> |
|
|
(上記の設定で、別プラウザで表示)
<a href="画像URL" target="_blank"><img src = "縮小画像URL" border="0"></a> |
|
色の反転 |
<img src="画像URL" alt="色の反転" border="0" style="filter:invert()"> |
|
グレイ効果 |
<img src="画像URL" alt="グレイ効果" border="0" style="filter:gray()"> |
|
左右反転 |
<img src="画像URL" alt="左右反転" border="0" style="filter:fliph()"> |
|
上下反転 |
<img src="画像URL" alt="上下反転" border="0" style="filter:flipv()"> |
|
ぼかし効果 |
<img src="画像URL" alt="ぼかし効果" border="0" STYLE="filter:Blur(strength=20)"> |
|
半透明 |
<img src="画像URL" alt="半透明" border="0" style="filter:alpha(opacity=50)"> |
|